﻿<!DOCTYPE html>
<html>

<head>
    <link rel="apple-touch-icon" sizes="180x180" href="__PUBLIC__/Api/Login/Favicons/apple-touch-icon.png">
    <link rel="manifest" href="__PUBLIC__/Api/Login/Favicons/manifest.json">
    <link rel="mask-icon" href="__PUBLIC__/Api/Login/Favicons/safari-pinned-tab.svg" color="#1f212f">
    <meta name="theme-color" content="#1f212f">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="content-type" content="text/html; charset=utf-8;" />
    <meta http-equiv="cache-control" content="max-age=864000" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="author" content="" />
    <meta name="description" content="" />
    <meta itemprop="name" content="" />
    <meta itemprop="description" content="" />
    <meta itemprop="image" content="__PUBLIC__/Api/Login/Favicons/favicon-96x96.png" />
    <title>淘宝贷</title>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Api/Login/css/weui.min.css" />
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Api/Login/css/jquery-weui.min.css" />
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Api/Login/css/font-awesome.min.css" />
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Api/Login/css/yc.sby.mobile.extension.css" />
    <style type="text/css">
        body {
            /*   */
            -webkit-background-size: 100% 19.4rem;
            background-size: 100% 19.4rem;
            padding-top: 16.1rem;
            padding-bottom: 0;
            padding-left: 1rem;
            padding-right: 1rem;
            background-color: rgba(231, 62, 114, 1);
            position: relative;
        }

        body .logo {
            position: absolute;
            top: -40%;
            right: 0;
            width: 200px;
            height: 200px;
            left: 0;
            bottom: 0;
            margin: auto;
        }


        button {
            -webkit-appearance: none
        }

        .text-primary {
            color: #285DDF
        }

        .text-disabled {
            color: #fbb3bd
        }

        .help-block {
            display: block;
            color: #adadad;
            margin-top: 0;
            margin-bottom: 0;
            padding-top: 7px;
            font-size: .6rem;
            text-align: center
        }

        .box-phoneverification {
            background: #ffffff;
            padding: 1rem;
            border-radius: .3rem
        }

        .box-phoneverification .form-group {
            padding-right: 26px;
            margin-top: 1rem
        }

        .box-phoneverification .form-group:first-child {
            margin-top: 0
        }

        .box-phoneverification .form-control {
            height: 30px;
            padding: 6px 12px;
            width: 100%;
            font-size: 14px;
            line-height: 1.42857143;
            color: #555;
            background-color: #fff;
            background-image: none;
            border: 1px solid #ccc;
            border-radius: 4px;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
            -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
        }

        .form-group .input-icon {
            position: relative
        }

        .form-group .input-icon span {
            position: absolute;
            top: 0;
            right: .5rem
        }

        .form-error {
            color: #b72e25;
            font-size: .6rem
        }

        .image-process,
        .text-advantage,
        .qq-advisory {
            margin-top: 2rem
        }

        .image-process .title,
        .text-advantage .title,
        .qq-advisory .title {
            color: rgba(255, 255, 255, 0.7);
            font-size: 1rem;
            text-align: center
        }

        .text-advantage .title {
            margin-bottom: 1rem
        }

        .image-process img {
            width: 100%;
            margin-top: .7rem
        }

        .text-advantage p,
        .qq-advisory p {
            color: rgba(255, 255, 255, 0.6);
            font-size: .6rem
        }

        .copyright {
            margin-top: 2rem;
            padding-bottom: .3rem
        }

        .copyright p {
            color: rgba(255, 255, 255, 0.6);
            font-size: .6rem;
            text-align: center
        }

        .qq-advisory p a {
            color: rgba(255, 255, 255, 0.6);
            text-decoration: underline;
            margin-right: .5rem
        }

        .form-group .weui-btn_primary {
            border-radius: 17px;
            background: rgba(231, 62, 114, 1) !important
        }

        img.qr-code {
            width: 50%;
            margin: 0 auto;
            display: block;
            margin-top: 1rem
        }
    </style>
</head>

<body>
    <div class="logo">
        <img src="<?php echo $applogo?>" style="display:block;width:100%;height:100%;border-radius: 15px;" alt="logo">
    </div>
    <input type="hidden" id="ci" value="e122d9b6beba403e9007fa8b0b3ad73a">
    <form id="frmBindPhone" action="/index.php/Api/login/login" method="post">
        <div class="box-phoneverification">
            <div class="form-group">
                <input data-val="true" data-val-number="字段 渠道Id 必须是一个数字。" id="ChannelId" name="ChannelId" type="hidden" value="43336" />
                <input id="Par" name="Par" type="hidden" value="8E0433DFEBC7C036FA4D460F0DE361B7" />
                <input class="form-control" data-val="true" data-val-regex="手机号 格式错误" data-val-regex-pattern="^((\+?\d{2} )?[1-9]\d{10}(-\d{1,4})?)?$"
                    data-val-required="请输入 手机号" id="Phone" name="phone" placeholder="登录/注册手机号" type="number" value="" />
                <span class="field-validation-valid form-error" data-valmsg-for="Phone" data-valmsg-replace="true"></span>
            </div>
            <div class="form-group">
                <input class="form-control" data-val="true"  id="pass" name="pass" placeholder="登录/注册密码" type="number" value="" />

            </div>

            <input data-val="true" data-val-required="请先完成智能认证" id="CaptchaCode" name="CaptchaCode" type="hidden" value="" />
            <div id="MachineVerify" style="margin-top:1rem;"></div>
            <span class="field-validation-valid form-error" data-valmsg-for="CaptchaCode" data-valmsg-replace="true"></span>
            <!-- <div class="form-group">
                <span class="input-icon">
                    <input class="form-control" data-val="true" data-val-required="请输入 短信验证码" id="VerificationCode" name="VerificationCode" placeholder="收到的验证码"
                        type="number" value="" />
                    <span class="text-primary" id="sendVerificationCode">发送验证码</span>
                </span>
            </div> -->
            <span class="field-validation-valid form-error" data-valmsg-for="VerificationCode" data-valmsg-replace="true"></span>
            <div class="form-group" style="padding-right:0">
                <button type="button" id="btnCertificationpone" class="weui-btn weui-btn_primary">
                    立即认证
                </button>
                <!--<span class="help-block">-->
                    <!--<input type="checkbox" checked="checked" /> 认证即同意-->
                    <!--<a href="" style="color:#adadad;">《淘宝dai协议》</a>-->
                    <!--<a href="" style="color:#adadad;">《隐私条款》</a>-->
                <!--</span>-->
            </div>
        </div>
    </form>
    <div class="copyright">
    </div>
    <!--[if lt IE 9]>
<script type="text/javascript" src="__PUBLIC__/Api/Login/js/respond.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/Api/Login/js/excanvas.min.js"></script>
<![endif]-->
    <script type="text/javascript" src="__PUBLIC__/Api/Login/js/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Api/Login/js/jquery.transit.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Api/Login/js/jquery.validate.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Api/Login/js/jquery.validate.unobtrusive.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Api/Login/js/jweixin-1.2.0.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Api/Login/js/swiper.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Api/Login/js/jquery-weui.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Api/Login/js/fastclick.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Api/Login/js/crypto-js.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Api/Login/js/yc.sby.city.picker.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Api/Login/js/yc.sby.jquery.validate.unobtrusive.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Api/Login/js/yc.sby.enum.mapping.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Api/Login/js/yc.sby.form.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Api/Login/js/yc.sby.mobile.js"></script>
    <script type="text/javascript">
        var Environment = 'PRO';
        var WechatParameters = 'fHx8';
    </script>
    <script src="__PUBLIC__/Api/Login/js/load.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Api/Login/js/index.js"></script>
</body>

</html>
